/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Article
 * @version    $Id$
 * @author shopware AG
 */
div[id^=blog-blog-window] {

    /** Google preview styling */
    .#{$prefix}dataview-google-preview {
        .preview { font: 12px/16px Arial, sans-serif }
        .title {
            font-weight: normal;
            color: #12C;
            font-size: 16px;
            line-height: 18px;
            text-decoration: underline;
            display: block;
        }
        .url {
            color: #093;
        }
        .desc { color: #222 }
        .date { color: #666 }

    }

	.article-thumb-wrap {
		display: block;
	    float: left;
	    margin: 3px 3px 3px 0;

	    .thumb {
		    border: 1px solid #acbbc6;
	        background: theme-image($theme, 'media_manager_image_bg_small.png') no-repeat;
	        height: 72px;
	        width: 92px;
	        margin: 0 auto 4px;
	        -webkit-transition: border linear 0.18s, box-shadow linear 0.18s;
	        -moz-transition: border linear 0.18s, box-shadow linear 0.18s;
	        -ms-transition: border linear 0.18s, box-shadow linear 0.18s;
	        -o-transition: border linear 0.18s, box-shadow linear 0.18s;
	        transition: border linear 0.18s, box-shadow linear 0.18s;
	        position: relative;

	        .preview {
		        background: url("data:image/png;base64,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") no-repeat;
		        display: block;
		        width: 70px;
		        height: 70px;
		        position: absolute;
		        top: -3px;
		        left: -3px;

		        span {
		        	@include rotate(-47deg);
		        	position: relative;
		        	left: -7px;
		        	top: 19px;
		        	display: block;
			        color: #fff;
			        font-size: 11px;
			        font-weight: bold;
			        text-shadow: 0 1px 0 #0745ef;
		        }
	        }
	    }

        .inner-thumb {
            height: 70px;
            width: 90px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        /** Selected style */
        &.#{$prefix}item-selected {
	        .thumb {
	            @include single-box-shadow(#189eff, 0, 0, 5px);
	            border-color: #189eff;
	        }
        }
	}
}
